<template>
  <div class="main">
    <h4>完善信息</h4>
    <p>请准确填写孩子信息,有助于课程的精准匹配</p>
    <img src="@/assets/img/boy.png" alt="" class="left">
    <img src="@/assets/img/g.png" alt="" class="right">
  <van-cell-group inset>
  <van-field
    v-model="value"
    placeholder="宝贝英文名"
    input-align="center"
  />
  <van-field
    v-model="value"
    placeholder="宝贝生日"
    input-align="center"
  />
</van-cell-group> 
<van-button type="primary" to="/home/my">开始学习之旅</van-button>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
  h4{
    margin-left: 3.3rem;
  }
  p{
    font-size: 15px;
    position: absolute;
    left: 1.1rem;
    top: 2.2rem;
  }
  .left{
    width: 3rem;
    height: 3rem;
    margin-left: 1rem;
    margin-top: 1rem;
  }
  .right{
    width: 3rem;
    height: 3rem;
    margin-left: 1.8rem;
    margin-top: 1rem;
  }
  .van-field{
    width: 6.8rem;
    height: 1.5rem;
    margin-left: 1.1rem;
    border: 1px solid #bbb;
    border-radius: 2rem;
    margin-top: 0.5rem;
  }
  .van-cell-group{
    width:8rem ;
    margin-top: 1rem;
  }
  .van-button{
    margin-top: 1rem;
    margin-left: 1.9rem;
    width: 6.2rem;
    height: 1.5rem;
    border-radius: 1rem;
  }
</style>
